<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0, shrink-to-fit=no, viewport-fit=cover">
    <title>20201260618-刘世宇-taptap</title>
    <link rel="stylesheet" href="./font/iconfont.css">
    <link rel="stylesheet" href="./css/public.css">
    <link rel="stylesheet" href="./css/second.css">
    <link rel="stylesheet" href="./css/swiper-bundle.min.css">
</head>

<body>
    <div id="main">
        <div id="head"></div>
        <div id="fixed">
            <a href="./index.html"><span class="iconfont icon-zuo"></span></a>
            <h3>坦克世界闪电战</h3>
            <a href="#"><span class="iconfont icon-gengduo"></span></a>
        </div>
        <div><img src="./img/zuoye6-1.jpg"></div>
        <div class="bt">
            <img src="./img/touxiang1-3.jpg">
            <div>
                <h3>坦克世界闪电战</h3>
                <span class="iconfont icon-chakangengduo"></span>
                <p>开发者入驻</p>
            </div>
        </div>
        <div class="js">
            <div class="cs">
                <div>
                    <h5>厂商：</h5>
                    <p>雷霆游戏</p>
                </div>
                <div>
                    <h5>下载：</h5>
                    <p>360w</p>
                </div>
                <div>
                    <h5>关注：</h5>
                    <p>222w</p>
                </div>
            </div>
            <div class="tp">
                <span class="iconfont icon-pingfen"></span>
                <h3>6.9</h3>
            </div>
        </div>
        <div id="xz">
            <a href="#">
                <span class="iconfont icon-icon-download"></span>
                <p>下载 1.46GB</p>
            </a>
        </div>
        <div class="lt">
            <div>
                <a href="#">
                    <span class="iconfont icon-icon-download"></span>
                    <p> 关注</p>
                </a>
            </div>
            <div>
                <a href="#">
                    <span class="iconfont icon-icon-download"></span>
                    <p> 评价 3.8万</p>
                </a>
            </div>
            <div>
                <a href="#">
                    <span class="iconfont icon-icon-download"></span>
                    <p> 论坛</p>
                </a>
            </div>
        </div>
        <div class="swiper-container" id="s2">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img src="./img/zuoye6-7.jpg">
                </div>
                <div class="swiper-slide">
                    <img src="./img/zuoye6-2.jpg">
                </div>
                <div class="swiper-slide">
                    <img src="./img/zuoye6-3.jpg">
                </div>
                <div class="swiper-slide">
                    <img src="./img/zuoye6-4.jpg">
                </div>
                <div class="swiper-slide">
                    <img src="./img/zuoye6-5.jpg">
                </div>
                <div class="swiper-slide">
                    <img src="./img/zuoye6-6.jpg">
                </div>
            </div>
        </div>
        <div class="jj">
            <div class="bit">
                <h4>简介</h4>
                <a href="./wenben1-1.html">
                    <p>查看全部</p>
                </a>
            </div>
            <div class="wb">
                <p>
                    关于坦克世界闪击战
                    《坦克世界闪击战》是一款风靡全球的7V7实时匹配的坦克载具射击
                    对战手游。由知名战争网游《坦克世界》开放商Wargaming出品，由
                    网易游戏独家运营中国版手游。凭借媲美端游的视觉效果、卓越的卓越的游
                    戏平衡性、深度策略性和高超的操作技巧,《坦克世界闪击战》深受亿
                    万...

                </p>
            </div>
            <div class="bit">
                <h4>开发者的话</h4>
                <a href="./wenben1-2.html">
                    <p>查看全部</p>
                </a>
            </div>
            <div class="wb">
                <p>
                    各位车长你们好!
                    眨眼间《坦克世界闪击战》已经陪伴了车长3年有余，三周年庆的欢声
                    笑语仿佛还在耳边萦绕,新春佳节将至之际，我们想向闪击战的车长
                    道一声感谢，谢谢你们一直...
                </p>
            </div>

        </div>
        <div class="xxxx">
            <h4>详细信息</h4>
            <div>
                <p>厂商</p>
                <p>雷霆游戏</p>
            </div>
            <div>
                <p>是否有内购</p>
                <p>有内购</p>
            </div>
            <div>
                <p>语言</p>
                <p>简体中文</p>
            </div>
            <div>
                <p>当前版本</p>
                <p>0.13.210516085</p>
            </div>
            <div>
                <p>游戏大小</p>
                <p>1.46GB</p>
            </div>
            <div>
                <p>更新时间</p>
                <p>2021-05-28</p>
            </div>
            <div>
                <p>网络</p>
                <p>需要</p>
            </div>
            <div>
                <p>系统版本要求</p>
                <p>安卓4.3+</p>
            </div>
        </div>
    </div>

    <script src="./js/swiper-bundle.min.js"></script>
    <script>
        var swiper = new Swiper('#s2', {
            slidesPerView: 1,
            spaceBetween: 8,
            autoplay: {
                delay: 2500,
                disableOnInteraction: false,
            },
        });
        window.onscroll = function () {
            var st = document.documentElement.scrollTop || document.body.scrollTop;
            // 滚动事件documentElement为滚动事件代码
            console.log(st);
            var h = head.offsetHeight;
            if (st > h) {
                fixed.style.position = "fixed"
                main.style.marginTop = "60px";
            } else {
                fixed.style.position = "static"
                main.style.marginTop = 0;
            }
        }
    </script>
</body>

</html>